<template>
  <div class="noData">
    <!-- <div class="noData-img"><img src="../../assets/images/icon/wu_blue.png"/></div> -->
    <p>暂无数据</p>
  </div>
</template>

<script>
import { mapState, mapActions, mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["echartsData", "theme", "echartsPopup"]),
  },
};

</script>

<style scoped lang="scss">
.noData {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  .noData-img{
    width:100%;
    img{
      display: block;
      width:70px;
      height:auto;
      margin:auto;
    }
  }
  p{
    font-size: 12px;
    padding:0;
    margin-top:15px;
    color:#cccccc;
    line-height:24px;
  }
}
</style>